// 文字超出
.textbeyond {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 一行排列
.textnowrap {
  white-space: nowrap;
}

// flex布局
.flex-cen {
  display: flex;
  align-items: center;
}

// flex布局
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

// 竖向排列
.flex-column {
  flex-direction: column;
}

// 换行处理
.flex-warp {
  flex-wrap: wrap;
}

// 等比布局
.flex-one {
  flex: 1;
}
